@import url(http://fonts.googleapis.com/css?family=Cuprum);
@import "wysiwyg.css";
/* GENERAL STYLING - - - - - - - - - - - - - - - - */

body {
    background: url("../images/forum/bodyBg.jpg");
	color: #5a6474;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    min-height: 100%;
    padding: 0;
    position: relative;
}

.clearfix{
	clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3, h4, h5, h6 { font-family: 'Cuprum', Arial, Helvetica, sans-serif; font-weight: normal; }

h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

p { padding: 12px 0 0; }

.img { border: 1px solid #d5d5d5; }

.title, .pages li a{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;	
}

ul.data { list-style-type: none; margin: 0 0 20px; line-height: 23px; font-family: 'Cuprum', Arial, Helvetica, sans-serif; font-weight: normal; color: #5a6474;}
ul.data li.loc { font-size: 1.1em; background: url("../images/forum/arrowBlue.png") no-repeat 1px 8px transparent; padding: 0 0 0 15px; }

/* Sections of the document (including layout) - - - - - - - - - - - - - - - - */
	
/* page-wrapper */
#page-wrapper {
	padding: 20px 0 80px;
	position: relative;
	width: 980px;
	margin: 0 auto;
}

#content .title {
	background: url("../images/forum/darkBg.jpg") repeat-x;
	height: 36px;
	-moz-box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
	position: relative;
	margin: 0 0 25px;
}

#content .title h5 {
    color: #fafafa;
    display: block;
    float: left;
    font-weight: normal;
    padding: 7px 15px;
}

#content .user {
	font-family: 'Cuprum', Arial, Helvetica, sans-serif; font-weight: normal;
	font-size: 1.4em;
	color: #464a53;
	line-height: 36px;
}

/* Table */

.tableStatic { border: 1px solid #d9d9d9; }
.tableStatic thead td { padding: 3px 10px 2px; border-left: 1px solid #D5D5D5; background: #efefef url(../images/forum/leftNavBg.png) repeat-x; border-bottom: 1px solid #D5D5D5; font-size: 11px; }
.tableStatic thead td:first-child { border-left: none; }
.tableStatic thead td:last-child { text-align: right; }

.tableStatic tbody tr { border-top: 1px solid #e7e7e7; }
.tableStatic tbody tr:nth-child(even) { background-color:#f5f5f5; }

.tableStatic tbody td { border-left: 1px solid #e7e7e7; padding: 8px 10px; }
.tableStatic tbody td:first-child { border-left: none; }

.searchBox {
	font-family: Arial, Helvetica, sans-serif;
    color: #878787;
    font-size: 11px;
    margin: 5px 8px 2px 10px;
    position: absolute;
    right: 0;
	top: 2px;
    text-align: left;
}

.searchBox .srch {
    background: url("../images/forum/searchSmall.png") no-repeat;
    border: medium none;
    height: 9px;
    position: absolute;
    right: 6px;
    top: 7px;
    width: 9px;
}

.searchBox input[type="text"] {
    border: 1px solid #D5D5D5;
    border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
    color: #878787;
    margin-left: 6px;
    padding: 1px 5px;
    position: relative;
    width: 200px;
	font-size: 12px;
}

.table-footer{
	background: url("../images/forum/leftNavBg.png") repeat-x #efefef;
    border-right: medium none;
    border-top: 1px solid #d5d5d5;
    font-weight: normal;
    margin-top: -1px;
	padding: 5px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.mainForm{ width:722px; margin: 0 auto; }
.wysiwyg{ cursor: text; }
.widget { width: 724px; /*width: 100%;*/ border: 1px solid #d5d5d5; display: block; background: #fafafa; clear: both; border-top: none; margin: 40px auto 0 auto; }
.head { background: #efefef url(../images/forum/leftNavBg.png) repeat-x; height: 38px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; position: relative; }
.widget .head h5, .table h5 { font-weight: normal; padding: 9px 12px 9px 35px; float: left; }
.iPencil { background: url("../images/forum/pencil.png") no-repeat 12px 50%; }
input[type="submit"], input[type="reset"], input[type="button"], button, .button {
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    font-weight: bold;
    line-height: 12px;
    padding: 5px 8px 5px;
    text-transform: uppercase;
}
.footerForm, .footerBox {
	background: url("../images/forum/leftNavBg.png") repeat-x #efefef;
    color: #878787;
    padding: 3px 12px;
    border: 1px solid #D5D5D5;
	border-top: none;
    height: 31px;
    line-height: 30px;
    vertical-align: middle;
}
.footerForm{ width: 700px; }
.footerBox{ width: 954px; margin: 0 0 20px; }
.submitForm {
    float: right;
    margin: 1px 0 22px;
}
.greyishBtn {
    background: url("../images/forum/greyishBtn.png") repeat-x;
    border: 1px solid #4F5A68;
    color: #FFFFFF;
}
.quote{
    background: url("../images/forum/leftNavBg.png") repeat-x;
    border: 1px solid #D5D5D5;
    color: #595858;
    display: inline-block;
	float: right;
}
.quote .icon {
    border-right: 1px solid #D5D5D5;
    float: left;
    padding: 8px;
}
.quote span {
    display: block;
    float: left;
    font-weight: bold;
    padding: 0 10px;
}
/* pagination */
.pagination {
    margin: 30px auto;
    text-align: center;
    width: 726px;
}
.pages li {
    display: inline;
    margin: 0 2px;
}
.pages li.prev {
    margin-right: 15px;
}
.pages li.next {
    margin-left: 15px;
}
.pages li a {
    background: url("../images/forum/pagination.png") repeat-x;
    border: 1px solid #D5D5D5;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    padding: 4px 8px;
    text-decoration: none;
}
.pages li .active {
    background-position: 0 -26px;
    border-color: #687282;
    color: #FFFFFF;
}